import 'package:flutter/material.dart';
import 'package:top_foundation/utils/util.dart';
import 'package:whale/helper/utils/util.dart';

class SysMsgCell extends StatelessWidget {
  const SysMsgCell({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      margin: EdgeInsets.only(top: 20.r),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Container(
                height: 20.r,
                alignment: Alignment.center,
                decoration: BoxDecoration(
                  color: const Color(0xffD8D9E2),
                  borderRadius: BorderRadius.circular(10.r),
                ),
                padding: EdgeInsets.symmetric(horizontal: 10.r),
                child: Text(
                  '2023/04/16 17:22',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 13.sp,
                  ),
                  textAlign: TextAlign.center,
                ),
              ),
            ],
          ),
          Container(
            decoration: BoxDecoration(
              color: Colors.white,
              borderRadius: BorderRadius.circular(5.r),
            ),
            padding: EdgeInsets.symmetric(horizontal: 15.r),
            margin: EdgeInsets.fromLTRB(16.r, 10.r, 16.r, 0),
            child: Column(
              children: [
                Container(
                  height: 40.r,
                  alignment: Alignment.center,
                  decoration: const BoxDecoration(
                    border: Border(
                      bottom:
                          BorderSide(color: ColorsUtil.separator, width: 0.5),
                    ),
                  ),
                  child: Row(
                    mainAxisAlignment: MainAxisAlignment.spaceBetween,
                    children: [
                      Text(
                        '会员通知',
                        style: TextStyle(
                          color: ColorsUtil.title,
                          fontSize: 16.sp,
                          fontWeight: FontWeight.bold,
                        ),
                      ),
                      Row(
                        children: [
                          Container(
                            width: 6.r,
                            height: 6.r,
                            decoration: BoxDecoration(
                              color: Colors.redAccent,
                              borderRadius: BorderRadius.circular(3.r),
                            ),
                          ),
                          const SizedBox(
                            width: 3,
                          ),
                          Icon(
                            IconUtil.arrow_right2,
                            size: 13.r,
                            color: ColorsUtil.content,
                          ),
                        ],
                      ),
                    ],
                  ),
                ),
                Container(
                  padding: EdgeInsets.only(top: 10.r, bottom: 20.r),
                  child: Text(
                    '会员通知消息：客户答应每天多吃一桶米，但是不需要加钱 因为她们家是卖家，加量不加价 拷贝',
                    style: TextStyle(
                      color: ColorsUtil.content,
                      fontSize: 12.sp,
                    ),
                  ),
                ),
              ],
            ),
          )
        ],
      ),
    );
  }
}
